<template>
<view class="content" :style="{'height':windowHeight+'px'}">
		<text class="title">订单详情</text>
		<uni-list style="width: 750rpx;" v-for="item in orderDetail">
			<uni-list-item title="订单编号" :rightText="item.orderNumber"></uni-list-item>
			<uni-list-item title="订单金额" :rightText="item.orderAmount.toString()"></uni-list-item>
			<uni-list-item title="支付方式" :rightText="item.wayName"></uni-list-item>
			<uni-list-item title="课程编号" :rightText="item.courseNumber"></uni-list-item>
			<uni-list-item title="课程名称" :rightText="item.courseName"></uni-list-item>
			<uni-list-item title="课时数量" :rightText="item.courseHours.toString()"></uni-list-item>
			<uni-list-item title="订单类型" :rightText="item.categoryName"></uni-list-item>
			<uni-list-item title="学生姓名" :rightText="item.studentName"></uni-list-item>
			<uni-list-item title="销售顾问" :rightText="item.nickName"></uni-list-item>
		</uni-list>
	</view>
</template>
<script>
	import {getOrderDetails} from '../../../api/order.js'
	export default {
		data() {
			return {
				orderNumber:"",
				orderDetail:[],
				orderNumber:[],
				windowHeight: 0
			}
		},
		onLoad(option) {
			this.orderNumber = option.orderNumber
			console.log(this.orderNumber)
			this.getOrderDetailsList()
		},
		methods: {
			getOrderDetailsList(){
					getOrderDetails(this.orderNumber).then(res=>{
						this.orderDetail =res.data
						console.log(res.data);
					})
			}
		}
	}
</script>
<style>
	
	.content {
		width: 750rpx;
		background-color: #EEEEEE;
		position: relative;
	}
	.title {
		display: inline-block;
		width: 750rpx;
		color: #808080;
		font-size: 14px;
		line-height: 35px;
		padding-top: 5rpx;
		padding-left: 30rpx;
	}
</style>